<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>报表生成</title>

  <link rel="stylesheet" type="text/css" href="easyui/themes/material/easyui.css">
  <link rel="stylesheet" type="text/css" href="easyui/themes/color.css">
  <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
  <script type="text/javascript" src="easyui/jquery.min.js"></script>
  <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>

  <script type="text/javascript" src="web/amcharts/amcharts.js"></script>
  <script type="text/javascript" src="web/echart/dist4.7/echarts.js"></script>
  <script type="text/javascript" src="web/echart/dist4.7/echarts.min.js"></script>

  <script src="web/JS/URLRooter.js"></script>
  <script src="web/JS/common.js"></script>
  <script src="report_generation.js"></script>
  <script src="./web/JS/html2canvas.js"></script>
  <script src="web/JS/pdf.js"></script>
  <style>
    .chartdiv {
      width: 40%;
      height: 200px;
    }

    .el-wrapper::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 4px;
      /*宽度竖滚动条的尺寸*/
      height: 4px;
      /*高度横滚动条的尺寸*/
    }

    .el-wrapper::-webkit-scrollbar-thumb {
      /*滚动条里面的条*/
      border-radius: 4px;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #0DB0EC;
    }

    .el-wrapper::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      border-radius: 4px;
      background: #ffffff;
    }
  </style>
  <script>

  </script>
</head>

<body class="easyui-layout el-wrapper" class="main">
  <div data-options="region:'north',title:'',split:false,collapsible:false"
    style="height:70px;background:#fafafa;padding: 15px;text-align: center;">
    报表时间:
    <input id="db_Start" type="text" class="easyui-datebox"> </input>
    至
    <input id="db_End" type="text" class="easyui-datebox"> </input>
    报表内容:
    <input id="cmb_SearchType" class="easyui-textbox" style="width: 300px;">
    <!-- <select id="cmb_SearchType" class="easyui-combobox" style="width: 300px;">
      <option value="" selected></option>
      <option value="压缩机组故障诊断">压缩机组故障诊断</option>
    </select> -->
    <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="searchData()">查询</a>
  </div>
  <div data-options="region:'center',title:'报表信息预览'" style="padding:5px;" class="el-wrapper">
    <div style="width: 100%;padding: 10px;">
      报表时间：<span id="sp_Date">2021年2月13日-2021年2月15日</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      报表内容：<span id="sp_concent">压缩机组故障诊断</span>
    </div>
    <div style="width: 100%;padding: 10px;">
      故障列表：
    </div>
    <div style="width: 100%;padding: 5px;">
      <table id="dg_DateList"
        data-options="singleSelect:true,border:false,rownumbers:true,pagination:false,fitColumns:true,fit:false,nowrap:true,showHeader:true">
        <thead>
          <tr>
            <th data-options="field:'custom0',width:100,align:'center'">报警位置</th>
            <th data-options="field:'custom1',width:100,align:'center'">故障类型</th>
            <th data-options="field:'almtime',width:100,align:'center'">故障时间</th>
            <th data-options="field:'milli',width:80,align:'center'">处理结果</th>
            <th data-options="field:'almdesc',align:'center'">备注</th>
          </tr>
        </thead>
      </table>
    </div>
    <div style="width: 100%;padding: 10px;">
      数据表格：
    </div>
    <div style="width: 100%;padding: 0px;">
      <table id="dg_DateList2"
        data-options="singleSelect:true,border:false,rownumbers:false,pagination:false,fitColumns:false,fit:false,nowrap:true,showHeader:true">
      </table>
    </div>
    <div style="width: 100%;padding: 0px;">
      <table id="dg_DateList3"
        data-options="singleSelect:true,border:false,rownumbers:false,pagination:false,fitColumns:false,fit:false,nowrap:true,showHeader:true">
      </table>
    </div>
    <div style="width: 100%;padding: 10px;">
      数据图表：
    </div>
    <div style="width:  100%;padding: 0px;">
      <div id="chartdiv1" class="chartdiv" style="float: left;"></div>
      <div id="chartdiv2" class="chartdiv" style="float: left;"></div>
    </div>
  </div>
  <div data-options="region:'south',title:'',split:false,collapsible:false"
    style="height:70px;background:#fafafa;padding: 15px;text-align: center;">
    <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:''" onclick="daochu()">报表生成</a>
  </div>
</body>

</html>
<script>
  function daochu() {
  }
</script>